﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2006" 
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
	xmlns:ea="clr-namespace:EAppointmentsWPF"
	x:Class="EAppointmentsWPF.TimelineDay"
	Width="Auto" Height="488.723" Loaded="TimelineDay_Loaded">
	<UserControl.Resources>
	<ResourceDictionary>
		<ResourceDictionary.MergedDictionaries>
	                <ResourceDictionary Source="..\Resources\ControlStyles\GlyphStyles.xaml"/>
        </ResourceDictionary.MergedDictionaries>
	
		
			
		<Style x:Key="ButtonFocusVisual">
 		   <Setter Property="Control.Template">
 		     <Setter.Value>
  		      <ControlTemplate> 
  		        <Border>
    		        <Rectangle 
    		          Margin="2"
    		          StrokeThickness="1"
    		          Stroke="#60000000"
    		          StrokeDashArray="1 2"/>
    		      </Border>
    		    </ControlTemplate>
    		  </Setter.Value>
    		</Setter>
 		 </Style>
  
		<Style x:Key="OrderDetailsButton" TargetType="{x:Type Button}">
 		  <Setter Property="SnapsToDevicePixels" Value="true"/>
  		  <Setter Property="OverridesDefaultStyle" Value="true"/>
  		  <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
  		  <Setter Property="Template">
   		   <Setter.Value>
  		      <ControlTemplate TargetType="{x:Type Button}">
   		       <Border Background="Transparent" Cursor="Hand">
    		        <ContentPresenter 
       			       Margin="2"
        		      HorizontalAlignment="Center"
   			           VerticalAlignment="Center"
   			           RecognizesAccessKey="True"/>
    	      </Border>
    	      </ControlTemplate>
    	  </Setter.Value>
   		 </Setter>
 	   </Style>
  
  		
	
	
	
	<DataTemplate x:Key="AppointmentDataTemplateTimeline"> <!-- DataType="{x:Type dpl:Order}">-->
                <Grid x:Name="OrderTemplate1" Width="30" Height="30" ClipToBounds="False" RenderTransformOrigin="0.5,0.5">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform x:Name="LayoutScaleTransform" ScaleX="1" ScaleY="1"/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Grid HorizontalAlignment="Left" Width="30" Height="30" ClipToBounds="False">
                       <ContentControl Style="{StaticResource ApprovedGlyphStyle}" />
                    </Grid>
                 <!--  <Button Style="{StaticResource OrderDetailsButton}" ToolTip="{StaticResource OrderToolTip}" Click="OrderDetailsClicked"></Button>-->
                </Grid>
			<!--	
                <DataTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">

                        <Trigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(ScaleTransform.ScaleY)" Storyboard.TargetName="LayoutScaleTransform" DecelerationRatio="1">

                                        <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5" KeySpline="0.5,0.5,0.5,0.5" Value="1.25" KeyTime="00:00:00.15"/>
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(ScaleTransform.ScaleX)" Storyboard.TargetName="LayoutScaleTransform" DecelerationRatio="1">

                                        <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5" KeySpline="0.5,0.5,0.5,0.5" Value="1.25" KeyTime="00:00:00.15"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.EnterActions>
                        <Trigger.ExitActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(ScaleTransform.ScaleY)" Storyboard.TargetName="LayoutScaleTransform" AccelerationRatio="1">

                                        <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5" KeySpline="0.5,0.5,0.5,0.5" Value="1" KeyTime="00:00:00.15"/>
                                    </DoubleAnimationUsingKeyFrames>
                                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(ScaleTransform.ScaleX)" Storyboard.TargetName="LayoutScaleTransform" AccelerationRatio="1">

                                        <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5" KeySpline="0.5,0.5,0.5,0.5" Value="1" KeyTime="00:00:00.15"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.ExitActions>
                    </Trigger>
                </DataTemplate.Triggers>-->
            </DataTemplate>
						
		  
		<Style x:Key="TimelineLableTextBlock" TargetType="{x:Type TextBlock}">
			<Setter Property="TextAlignment" Value="Center" />
			<Setter Property="FontSize" Value="13" />
			<Setter Property="Foreground" Value="#6699CC" />
			<Setter Property="Margin" Value="0,5" />
		</Style>
	</ResourceDictionary>
	</UserControl.Resources>
	
	
	<DockPanel LastChildFill="False">
	
	
		<Grid  x:Name="TimelineViewGrid" Grid.Row="2" Grid.ColumnSpan="1" Height="Auto" Width="Auto" DockPanel.Dock="Top">
			<Grid.RowDefinitions>

				<RowDefinition Height="*"/>
				<RowDefinition Height="40"/>
			</Grid.RowDefinitions>
			<ContentControl x:Name="GlyphyKeyContentControl" Template="{StaticResource GlyphKeyTemplate}" VerticalAlignment="Bottom" Height="42" Grid.RowSpan="2"   />
			<Rectangle Fill="aliceblue" Stroke="#99ccff" Grid.Row="0" Grid.RowSpan="1"  />
			<ScrollViewer  VerticalAlignment="Stretch" Margin="2" Height="Auto" Grid.Row="0" Grid.RowSpan="1" Grid.Column="0" Grid.ColumnSpan="2" x:Name="ScrollViewer">

				<Grid  ClipToBounds="False" Width="Auto" Height="648">
					<Grid.Resources>
						<Style x:Key="TimelineLableTextBlock" TargetType="{x:Type TextBlock}">
							<Setter Property="TextAlignment" Value="Center" />
							<Setter Property="FontSize" Value="13" />
							<Setter Property="Foreground" Value="#6699CC" />
							<Setter Property="Margin" Value="0,5" />
						</Style>
					</Grid.Resources>

					<StackPanel Orientation="Horizontal" Margin="0" ClipToBounds="False">
						<StackPanel Width="70" x:Name="timelineLabel" ClipToBounds="False">
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="12:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="1:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="2:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="3:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="4:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="5:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="6:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="7:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="8:00 a.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid ClipToBounds="False" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="9:00 a.m." Style="{StaticResource TimelineLableTextBlock}"/>
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="10:00 a.m." Style="{StaticResource TimelineLableTextBlock}"/>
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="11:00 a.m." Style="{StaticResource TimelineLableTextBlock}"/>
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="12:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="1:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="2:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="3:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="4:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="5:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="6:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="7:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="8:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="9:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="10:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
							<Grid Width="70" Height="27">
								<Rectangle Opacity="0.5"  Fill="#99ccff" />
								<TextBlock Text="11:00 p.m." Style="{StaticResource TimelineLableTextBlock}" />
							</Grid>
						</StackPanel>
						<Grid Width="Auto" Height="648">
							<StackPanel x:Name="TimelineGrid" Opacity="1" Background="AliceBlue" Margin="0,0,0,0">
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
								<Border BorderBrush="#99ccff" BorderThickness="0,0,0,2" Height="27" Width="Auto" >
									<Grid>
										<Rectangle Fill="#99ccff" Height="1" VerticalAlignment="Center" Opacity="0.5" />
									</Grid>
								</Border>
							</StackPanel>
							<Canvas HorizontalAlignment="Left" VerticalAlignment="Top"  Width="532" Height="648" Background="{x:Null}" x:Name="Canvas1"/>
						</Grid>
					</StackPanel>
				</Grid>
				  
			</ScrollViewer>
			<TextBox Visibility="Hidden" HorizontalAlignment="Left" x:Name="txtBox" VerticalAlignment="Top" Text="" TextWrapping="Wrap" TextChanged="txtBox_TextChanged"/>
			<!--	<ContentControl HorizontalAlignment="Left" Margin="152,110,0,0" Style="{DynamicResource BookedGlyphStyle}" VerticalAlignment="Top" Width="30" Height="25" Content="ContentControl"/>
		<ContentControl HorizontalAlignment="Left" Margin="215,110,0,0" Style="{DynamicResource PendingGlyphStyle}" VerticalAlignment="Top" Width="34" Height="25" Content="ContentControl"/>
		<ContentControl HorizontalAlignment="Right" Margin="0,110,216.44,0" Style="{DynamicResource RejectedGlyphStyle}" VerticalAlignment="Top" Width="41" Height="25" Content="ContentControl"/>
		<ContentControl HorizontalAlignment="Right" Margin="0,110,165.44,0" Style="{DynamicResource CanceledGlyphStyle}" VerticalAlignment="Top" Width="29" Height="25" Content="ContentControl"/>-->
		</Grid>
	 
	</DockPanel>
	 
</UserControl>